<template>
    <div class="setting">
        <el-card class="box-card wallet-content">
            <p class="title">{{$t("settings.network")}}</p>
            <div class="text">{{$t('settings.testTitle')}}</div>
            <p class="title">{{$t("settings.lang")}}</p>
            <el-select v-model="language" @change="changeLang" :placeholder="$t('wallet.selectHint')">
                <el-option value="zh-cn" :label="$t('settings.zh')"></el-option>
                <el-option value="en" :label="$t('settings.en')"></el-option>
            </el-select>
        </el-card>
    </div>
</template>

<script>
import { mapActions } from 'vuex';
export default {
    name: 'setting',
    data() {
        return {
            language:''
        }
    },
    methods: {
        ...mapActions(['changeLang'])
    }
}
</script>

<style lang="less" scoped>
.setting{
    position:absolute;
    top:65px;
    bottom:22px;
    left:10px;
    right:10px;
    .box-card{
        height: 100%;
        font-size:12px;
        .title{
            margin-top:14px;
            color: #24272B;
            font-weight: 600;
        }
        .text{
            color: #606266;
            margin-top:10px;
        }
        .el-select{
            margin-top:10px;
        }
    }
}
</style>
